import Head from 'next/head';
import Example from '../../../examples/advanced';

<Head>
  <title>Advanced Example - Material React Table V1 Docs</title>
  <meta
    name="description"
    content="Advanced Material React Table Example with pagination, filtering, sorting, selection, detail panels, column ordering, pinning, custom toolbars, and more"
  />
  <meta property="og:title" content="Advanced Material React Table Example" />
  <meta
    property="og:description"
    content="Learn how to take advantage of advanced MRT features, suc as pagination, filtering, sorting, selection, detail panels, column ordering, pinning, custom toolbars, and more"
  />
</Head>

## Advanced Example

Here is a more advanced example showcasing Material React Table's many features. Features such as row selection, expanding detail panels, header groups, column ordering, column pinning, column grouping, custom column and cell renders, etc., can be seen here.

This example is still only using client-side features. If you want to see an example of how to use Material React Table with server side logic and remote data, check out either the [Remote&nbsp;Data&nbsp;Example](/docs/examples/remote) or the [React-Query Example](/docs/examples/react-query).

<Example />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--maximum-features)**
